CSS 명시도(Specificity)

❓질문

CSS 명시도(Specificity)에 대해서 설명해주세요.

💡 조사하기전 내가 알고 있던 내용

CSS 명시도는 CSS가 겹칠때 어떠한것을 적용할지에 대한 개념입니다.
먼저 가장 적용 순위가 높은대로 나눈다면

인라인
아이디
클래스, 가상 클래스 , 속성 선택자
요소 선택자

순서대로 적용됩니다.

🏫 정리한 내용

명시도가 높은 스타일을 강제로 덮어쓰이는 방법에는
!important를 사용하면됩니다 그러나 이 방식은 스타일에 명시도 개념을 건너뛰고 강제로 우선순위를 높히는 방식이라고 생각하면됩니다 즉 꼭 필요할때만 사용하되 남발하게 될시 유지보수측면에서 예측하기 어려울 수 있습니다.